<ui:composition template="/WEB-INF/templates/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

	<ui:define name="header">
	 <style type="text/css">		
		.ui-inputfield{
			width: 100%;
			padding: 2px
			-moz-box-shadow: inset 0 2px 2px #d19405;
			-webkit-box-shadow: inset 0 2px 2px #d19405;
			box-shadow: inset 0 2px 2px #d19405;
			text-align:right;
			
		}
		.ui-selectonemenu {			
			width: 100% !important;
			vertical-align:middle;
		}
		.ui-selectonemenu label.ui-selectonemenu-label {
			padding-right: 20px;
			text-align: left;
		}
		.ui-button{			
			background-color:#C2D1FF;
		}
		.ui-button-text{
			font-family:arial, helvetica; 
			font-size:12px;
		}
		.ui-datatable td,.ui-datatable th {
			
			font-family:arial, helvetica; 
			font-size:12px;
			background-position: 0 0;
			table-layout:fixed;
			align:center;
		}
		.ui-tabs.ui-tabs-top > .ui-tabs-nav {			
			font-family:arial, helvetica; 
			font-size:12px; 
			font-weight:bold;
		}
		
	</style>
	 
	 </ui:define>
	
	<ui:define name="content" >
		<h:form id="pagos">
		<p:growl id="growl" showDetail="true" sticky="true" />
		<p:commandButton value=" Nueva Busqueda "
				action="#{obligacionesManagedBean.limpiar}" id="limpiar" update="@form" />
		<p:panelGrid columns="3">
			<p:panelGrid>
					<f:facet name="header"><p:row><p:column colspan="5" >Criterios Busqueda </p:column></p:row>
					</f:facet>
					<p:row>
						<p:column><h:outputText value="Documento Identidad"/></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.documentoIdentidad}" /></p:column>
						<p:column><p:commandButton value="Buscar" action="#{obligacionesManagedBean.buscarDni}"   id="botonBuscarDni" 
							update="@form" /></p:column>
						<p:column><h:outputText value="Categoria" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.categoria}" /></p:column>
					</p:row>
					<p:row><p:column><h:outputText value="Codigo"   /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.codigo}" /></p:column>
						<p:column><p:commandButton value="Buscar" action="#{obligacionesManagedBean.buscarCodigo}"   
							id="botonBuscarCodigo" update="@form" /></p:column>
						<p:column><h:outputText value="Seccion Actual" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.seccionActual}" /></p:column>
					</p:row>
					<p:row>
						<p:column><h:outputText value="Nombres" /></p:column>
						<p:column colspan="4"><p:inputText value="#{obligacionesManagedBean.recibo.nombres}" /></p:column>
					</p:row>
					<p:row>
						<p:column><h:outputText value="Carrera" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.codigoCarrera}" /></p:column>
						<p:column colspan="2"><p:inputText value="#{obligacionesManagedBean.recibo.descripcionCarrera}" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.modalidad}" /></p:column>
					</p:row>
					<p:row>
						<p:column><h:outputText value="Institucion" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.descripcionInstitucion}" /></p:column>
						<p:column colspan="2"><h:outputText value="Modalidad" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.modalidadIngreso}" /></p:column>
					</p:row>
					<p:row>
						<p:column><h:outputText value="Convenio" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.convenio}" /></p:column>
					</p:row>
					<p:row>
						<p:column><h:outputText value="Observaciones" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.observaciones}" /></p:column>
						<p:column colspan="2"><h:outputText value="Sede" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.sede}" /></p:column>
					</p:row>
			</p:panelGrid>	
			<p:spacer width="180" />	
			<p:panelGrid>
				<f:facet name="header">
					<p:row>
						<p:column colspan="4">Informacion</p:column>
					</p:row>
				</f:facet>
				<p:row>
					<p:column><h:outputText value="Fecha Hora" /></p:column>
					<p:column colspan="3"><p:inputText value="#{obligacionesManagedBean.fechaHora}" /></p:column>
				</p:row>
				<p:row>
					<p:column><h:outputText value="Institucion" /></p:column>
					<p:column>
						<p:selectOneMenu value="#{obligacionesManagedBean.codigoInstitucion}" effect="fade">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{obligacionesManagedBean.instituciones}"
								var="categoria" itemLabel="#{categoria.nombre}" itemValue="#{categoria.codigo}" />
							<p:ajax update="@form:panel:conceptos,@form:panel1:conceptos1" listener="#{obligacionesManagedBean.obtenerConceptos}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column><h:outputText value="Lugar Pago" /></p:column>
					<p:column>
						<p:selectOneMenu value="#{obligacionesManagedBean.lugarPago}" effect="fade">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{obligacionesManagedBean.lugarPagos}"
									var="categoria" itemLabel="#{categoria.nombre}"
									itemValue="#{categoria.nombre}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column><h:outputText value="Tipo Documento" /></p:column>
					<p:column>
						<p:selectOneMenu value="#{obligacionesManagedBean.tipoDescuento}" effect="fade">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{obligacionesManagedBean.tipoDocumentos}"
									var="categoria" itemLabel="#{categoria.nombre}"
									itemValue="#{categoria.codigo}" />
							<p:ajax update="@form:serie" listener="#{obligacionesManagedBean.buscarSerie}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column><h:outputText value="Serie Corr N" /></p:column>
					<p:column><p:inputText value="#{obligacionesManagedBean.recibo.serie}" id="serie" /></p:column>
				</p:row>
				<p:row>
					<p:column><h:outputText value="Tipo Moneda" /></p:column>
					<p:column >
						<p:selectOneMenu value="#{obligacionesManagedBean.moneda}" effect="fade">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{obligacionesManagedBean.monedas}"
									var="categoria" itemLabel="#{categoria.nombre}"
									itemValue="#{categoria.codigo}" />
							<p:ajax update="@form:tipoCambio"
									listener="#{obligacionesManagedBean.buscarTipoCambio}" />
							</p:selectOneMenu>							
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputText value="TC" />
						</p:column>
						<p:column>
							<p:inputText value="#{obligacionesManagedBean.tipoCambio}" id="tipoCambio" />
						</p:column>
					</p:row>
					<p:row>
						<p:column><h:outputText value="Ruc" /></p:column>
						<p:column><p:inputText value="#{obligacionesManagedBean.recibo.ruc}" /></p:column>
					</p:row>


				</p:panelGrid>
		</p:panelGrid>
		<p:tabView id="tabView" effect="drop" effectDuration="normal" cache="false" dynamic="true">
			<p:tab id="tab1" title="Detalle Pagos">
				<p:panelGrid>
					<p:row>
						<p:column>
							<p:commandButton value=" Insertar Detalle "
								 oncomplete="PF('carDialog').show()" action="#{obligacionesManagedBean.insertarDetalle}"
							id="insertarDetalle" update="@form:panel"/>
						</p:column>
						
						<p:column>
							<p:commandButton value=" Guardar Documentos "
								action="#{obligacionesManagedBean.guardadDetalle}"
								 id="guardadDetalle" update="@form:growl" />
						</p:column>
					</p:row>
				</p:panelGrid>
				<p:dataTable var="detalles"
							value="#{obligacionesManagedBean.detalles}" id="detalles"
							 
							 paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
							rowsPerPageTemplate="5,10,15"
							selection="#{obligacionesManagedBean.selectedDetalle}"
							rowKey="#{detalles.index}">

							<p:column headerText="Concepto" >
								<h:outputText value="#{detalles.concepto}" />
							</p:column>
							<p:column headerText="Descripcion" id="descripcionConcepto">
								<h:outputText value="#{detalles.descripcionConcepto}" />
							</p:column>
							<p:column headerText="No Cuota" >
								<h:outputText value="#{detalles.nCuota}" />
							</p:column>
							<p:column headerText="Periodo Pago" >
								<h:outputText value="#{detalles.mes}" />
							</p:column>
							<p:column headerText="Cantidad" >
								<h:outputText value="#{detalles.cantidad}" />
							</p:column>
							<p:column headerText="Precio" >
								<h:outputText value="#{detalles.monto}" />
							</p:column>
							<p:column headerText="Descuento" >
								<h:outputText value="#{detalles.descuento}" />
							</p:column>
							<p:column headerText="SubTotal" >
								<h:outputText value="#{detalles.subtotal}" />
							</p:column>							
							<p:column >								
								 <p:commandButton id="editar" update="@form:panel1" 
									icon="ui-icon-pencil" oncomplete="PF('carDialog1').show()" action="#{obligacionesManagedBean.actualizarFila1}">  
									<f:setPropertyActionListener value="#{detalles}" target="#{obligacionesManagedBean.detalleNuevo}" /> 
									
								</p:commandButton>
								
								
							</p:column>
						</p:dataTable>
			</p:tab>
			<p:tab id="tab2" title="Obligaciones">
					<p:panelGrid>
						<p:row>
							<p:column>
								<h:outputText value="Seleccionar Periodo" />
							</p:column>
							<p:column>
								<p:selectOneMenu value="#{obligacionesManagedBean.periodo}"
									effect="fade">
									<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
									<f:selectItems value="#{obligacionesManagedBean.periodos}"
										var="categoria" itemLabel="#{categoria.nombre}"
										itemValue="#{categoria.codigo}" />
								</p:selectOneMenu>
							</p:column>
							<p:column>
								<p:commandButton value=" Generar Obligaciones "
									action="#{obligacionesManagedBean.generarObligaciones}"
									id="generar" update="@form:tabView:obligaciones" />

							</p:column>
							<p:column>

							</p:column>
							<p:column>
								<p:commandButton value=" Enviar Detalle Pagos "
									action="#{obligacionesManagedBean.enviarDetallePagos}"
									id="detallesPagos"  update="@form:tabView:detalles" />
							</p:column>
						</p:row>
					</p:panelGrid>

					<c:if test=" ${!empty obligacionesManagedBean.obligaciones}">
							<h:commandLink>
								<p:graphicImage value="images/excel2013.jpg" />
								<p:dataExporter type="xls" target="obligaciones"
									fileName="obligaciones" />
							</h:commandLink>
						</c:if>
						<p:dataTable var="obligaciones"
							value="#{obligacionesManagedBean.obligaciones}" id="obligaciones"							 
							 paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
							rowsPerPageTemplate="5,10,15"
							selection="#{obligacionesManagedBean.selectedRecibos}"
							rowKey="#{obligaciones}">
							

							<p:column headerText="Pago?" >
								<h:outputText value="#{obligaciones.pago}" />
							</p:column>
							<p:column headerText="Periodo" >
								<h:outputText value="#{obligaciones.periodo}" />
							</p:column>
							<p:column headerText="Codigo" >
								<h:outputText value="#{obligaciones.codigo}" />
							</p:column>
							<p:column headerText="Descripcion" >
								<h:outputText value="#{obligaciones.descripcionConcepto}" />
							</p:column>
							<p:column headerText="Fecha Vencimiento" >
								<h:outputText value="#{obligaciones.fechavencimiento}" />
							</p:column>
							<p:column headerText="Fecha que pago" >
								<h:outputText value="#{obligaciones.fechaPago}" />
							</p:column>
							<p:column headerText="Monto" >
								<h:outputText value="#{obligaciones.monto}" />
							</p:column>
							<p:column headerText="N C" >
								<h:outputText value="#{obligaciones.nCuota}" />
							</p:column>
							<p:column headerText="Mes" >
								<h:outputText value="#{obligaciones.mes}" />
							</p:column>
							<p:column headerText="Cat Pago" >
								<h:outputText value="#{obligaciones.catPago}" />
							</p:column>
							<p:column headerText="Serie" >
								<h:outputText value="#{obligaciones.serie}" />
							</p:column>
							<p:column headerText="N Recibo" >
								<h:outputText value="#{obligaciones.nRecibo}" />
							</p:column>
							<p:column headerText="Seccion" >
								<h:outputText value="#{obligaciones.seccion}" />
							</p:column>
							<p:column headerText="Sede" >
								<h:outputText value="#{obligaciones.sede}" />
							</p:column>
							<p:column headerText="Carrera" >
								<h:outputText value="#{obligaciones.carrera}" />
							</p:column>
							<p:column headerText="Persona" >
								<h:outputText value="#{obligaciones.persona}" />
							</p:column>
							<p:column selectionMode="multiple" style="width:20%" />

						</p:dataTable>
				</p:tab>
				<p:tab id="tab3" title="Historicos">
					<c:if test=" ${!empty obligacionesManagedBean.historicos}">
							<h:commandLink>
								<p:graphicImage value="images/excel2013.jpg" />
								<p:dataExporter type="xls" target="historicos"
									fileName="historicos" />
							</h:commandLink>
						</c:if>
						<p:dataTable var="historicos"
							value="#{obligacionesManagedBean.historicos}" id="historicos"
							
							 paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
							rowsPerPageTemplate="5,10,15">
							
							<p:column headerText="Fecha Pago" >
								<h:outputText value="#{historicos.fechaPago}" />
							</p:column>
							<p:column headerText="Concepto Codigo" >
								<h:outputText value="#{historicos.conceptoCodigo}" />
							</p:column>
							<p:column headerText="Concepto Descripcion" >
								<h:outputText value="#{historicos.conceptoDescripcion}" />
							</p:column>
							<p:column headerText="Periodo" >
								<h:outputText value="#{historicos.periodo}" />
							</p:column>
							<p:column headerText="N" >
								<h:outputText value="#{historicos.itemCodigo}" />
							</p:column>
							<p:column headerText="Seccion" >
								<h:outputText value="#{historicos.seccion}" />
							</p:column>
							<p:column headerText="Mes" >
								<h:outputText value="#{historicos.mes}" />
							</p:column>
							<p:column headerText="Carrera" >
								<h:outputText value="#{historicos.carrera}" />
							</p:column>
							<p:column headerText="Sub Total" >
								<h:outputText value="#{historicos.subtotal}" />
							</p:column>
							<p:column headerText="Cant" >
								<h:outputText value="#{historicos.cant}" />
							</p:column>
							<p:column headerText="Total" >
								<h:outputText value="#{historicos.total}" />
							</p:column>
							<p:column headerText="N Serie" >
								<h:outputText value="#{historicos.nSerie}" />
							</p:column>
							<p:column headerText="N Recibo" >
								<h:outputText value="#{historicos.nRecibo}" />
							</p:column>
							<p:column headerText="Documento" >
								<h:outputText value="#{historicos.documento}" />
							</p:column>
							<p:column headerText="Sede" >
								<h:outputText value="#{historicos.sede}" />
							</p:column>
							<p:column headerText="Lugar Pago" >
								<h:outputText value="#{historicos.lugarPago}" />
							</p:column>
							<p:column headerText="Usuario" >
								<h:outputText value="#{historicos.usuario}" />
							</p:column>

						</p:dataTable>
				</p:tab>
				<p:tab id="tab4" title="Situacion Academica">
					<c:if test="${!empty obligacionesManagedBean.situacionAcademica}">
							<h:commandLink>
								<p:graphicImage value="images/excel2013.jpg" />
								<p:dataExporter type="xls" target="situacionAcademica"
									fileName="situacionAcademica" />
							</h:commandLink>
						</c:if>
					<p:dataTable var="situacionAcademica"
							value="#{obligacionesManagedBean.situacionAcademica}"
							id="situacionAcademica" paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
							rowsPerPageTemplate="5,10,15">
							
							<p:column headerText="Semestre" >
								<h:outputText value="#{situacionAcademica.semestre}" />
							</p:column>
							<p:column headerText="P. Mini" >
								<h:outputText value="#{situacionAcademica.semestre}" />
							</p:column>
							<p:column headerText="Mes" >
								<h:outputText value="#{situacionAcademica.mes}" />
							</p:column>
							<p:column headerText="Carrera" >
								<h:outputText value="#{situacionAcademica.carrera}" />
							</p:column>
							<p:column headerText="Seccion" >
								<h:outputText value="#{situacionAcademica.seccion}" />
							</p:column>
							<p:column headerText="Promedio" >
								<h:outputText value="#{situacionAcademica.promedio}" />
							</p:column>
							<p:column headerText="Cat. Pag." >
								<h:outputText value="#{situacionAcademica.categoria}" />
							</p:column>
							<p:column headerText="Estado" >
								<h:outputText value="#{situacionAcademica.estado}" />
							</p:column>
							<p:column headerText="Cred .Mat" >
								<h:outputText value="#{situacionAcademica.credMat}" />
							</p:column>
							<p:column headerText="C.Des" >
								<h:outputText value="#{situacionAcademica.cDespro}" />
							</p:column>
							<p:column headerText="C.Apr" >
								<h:outputText value="#{situacionAcademica.cAprob}" />
							</p:column>
							<p:column headerText="C.Matr" >
								<h:outputText value="#{situacionAcademica.cMatr}" />
							</p:column>
							<p:column headerText="Observacione" >
								<h:outputText value="#{situacionAcademica.observaciones}" />
							</p:column>
						</p:dataTable>
						
				</p:tab>

				<p:tab id="tab5" title="Notas">
					<c:if test="${!empty obligacionesManagedBean.notas}">
							<h:commandLink>
								<p:graphicImage value="images/excel2013.jpg" />
								<p:dataExporter type="xls" target="notas" fileName="notas" />
							</h:commandLink>
						</c:if>
					<h:panelGrid>
						<p:dataTable var="notas" value="#{obligacionesManagedBean.notas}"
							id="notas"  
							 paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
							rowsPerPageTemplate="5,10,15">
							
							<p:column headerText="INSTITUCION">
								<h:outputText value="#{notas.institucion}" />
							</p:column>
							<p:column headerText="NOM_INSTITUCION">
								<h:outputText value="#{notas.descripcionInstitucion}" />
							</p:column>
							<p:column headerText="CARRERA">
								<h:outputText value="#{notas.carrera}" />
							</p:column>
							<p:column headerText="NOM_CARRERA">
								<h:outputText value="#{notas.descripcionCarrera}" />
							</p:column>
							<p:column headerText="ALUMNO">
								<h:outputText value="#{notas.alumno}" />
							</p:column>
							<p:column headerText="NOM_ALUMNO">
								<h:outputText value="#{notas.nomAlumno}" />
							</p:column>
							<p:column headerText="PERIODO">
								<h:outputText value="#{notas.periodo}" />
							</p:column>
							<p:column headerText="CURSO">
								<h:outputText value="#{notas.curso}" />
							</p:column>
							<p:column headerText="DESCRIPCION" >
								<h:outputText value="#{notas.cursoDescripcion}" />
							</p:column>
							<p:column headerText="E1" >
								<h:outputText value="#{notas.notaE1}" />
							</p:column>
							<p:column headerText="E2">
								<h:outputText value="#{notas.notaE2}" />
							</p:column>
							<p:column headerText="EP" >
								<h:outputText value="#{notas.notaE1}" />
							</p:column>
							<p:column headerText="E3" >
								<h:outputText value="#{notas.notaE3}" />
							</p:column>
							<p:column headerText="PROMEDIO">
								<h:outputText value="#{notas.promedio}" />
							</p:column>
							<p:column headerText="CREDITOS" >
								<h:outputText value="#{notas.creditos}" />
							</p:column>
							<p:column headerText="CONVALIDA" >
								<h:outputText value="#{notas.convalida}" />
							</p:column>
							
						</p:dataTable>						
					</h:panelGrid>
				</p:tab>
		</p:tabView>
		
		<p:dialog header="Nuevo Pago" widgetVar="carDialog" resizable="false" id="carDlg"  
                showEffect="fade" hideEffect="explode" modal="true">  
  
      <h:panelGrid id="panel"
						columns="4">
						<h:outputText value="Concepto" />
						<p:selectOneMenu value="#{obligacionesManagedBean.detalleNuevo.concepto}"
							effect="fade" id="conceptos">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{obligacionesManagedBean.conceptos}"
								var="categoria"
								itemLabel="#{categoria.servicioClasificacion} #{categoria.descServicioClasificacion}"
								itemValue="#{categoria.servicioClasificacion}" />

							<p:ajax
								update="descripcionConcepto,nCuota,mes,cantidad,monto,descuento,subtotal"
								listener="#{obligacionesManagedBean.cargar}" />
						</p:selectOneMenu>
						<h:outputText value="Descripcion" />
						<p:inputText
							value="#{obligacionesManagedBean.detalleNuevo.descripcionConcepto}"
							id="descripcionConcepto" readonly="true" />
						<h:outputText value="No Cuota" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.nCuota}" id="nCuota" readonly="true"/>
						<h:outputText value="Periodo Pago" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.mes}" id="mes" readonly="true"/>
						<h:outputText value="Cantidad" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.cantidad}"
							id="cantidad">
							<p:ajax event="keyup" update="subtotal"
								listener="#{obligacionesManagedBean.calularSubtotal}" />
						</p:inputText>
						<h:outputText value="Precio" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.monto}" id="monto" readonly="true">
							<p:ajax event="keyup" update="subtotal"
								listener="#{obligacionesManagedBean.calularSubtotal}" />
						</p:inputText>
						<h:outputText value="Descuento" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.descuento}"
							id="descuento" >
							<p:ajax event="keyup" update="subtotal"
								listener="#{obligacionesManagedBean.calularSubtotal}" />
						</p:inputText>	
							
						<h:outputText value="Sub Total" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.subtotal}"
							id="subtotal" readonly="true"/>	
							
					</h:panelGrid>
					<center>
						
						<p:commandButton value="Grabar"
							action="#{obligacionesManagedBean.insertarfila}" 
							 id="grabar" update="@form:tabView:detalles,@form:growl" icon="ui-icon-disk" oncomplete="PF('carDialog').hide();" 
							 	/>
							 
					
							 
						<p:commandButton id="submitButton" value="Cancelar"
							update="@form:panel" icon="ui-icon-closethick" oncomplete="PF('carDialog').hide();" />	 
						</center>
  
			</p:dialog> 
			
			<p:dialog header="Actualizar Pago" widgetVar="carDialog1" resizable="false" id="carDlg1"  
                showEffect="fade" hideEffect="explode" modal="true">  
  
      <h:panelGrid id="panel1"
						columns="4">
						<h:outputText value="Concepto" />
						<p:selectOneMenu value="#{obligacionesManagedBean.detalleNuevo.concepto}"
							effect="fade" id="conceptos1">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{obligacionesManagedBean.conceptos}"
								var="categoria"
								itemLabel="#{categoria.servicioClasificacion} #{categoria.descServicioClasificacion}"
								itemValue="#{categoria.servicioClasificacion}" />

							<p:ajax
								update="descripcionConcepto1,nCuota1,mes1,cantidad1,monto1,descuento1,subtotal1"
								listener="#{obligacionesManagedBean.cargar}" />
						</p:selectOneMenu>
						<h:outputText value="Descripcion" />
						<p:inputText
							value="#{obligacionesManagedBean.detalleNuevo.descripcionConcepto}"
							id="descripcionConcepto1" readonly="true" />
						<h:outputText value="No Cuota" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.nCuota}" id="nCuota1" readonly="true"/>
						<h:outputText value="Periodo Pago" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.mes}" id="mes1" readonly="true"/>
						<h:outputText value="Cantidad" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.cantidad}"
							id="cantidad1">
							<p:ajax event="keyup" update="subtotal1"
								listener="#{obligacionesManagedBean.calularSubtotal}" />
						</p:inputText>
						<h:outputText value="Precio" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.monto}" id="monto1" readonly="true">
							<p:ajax event="keyup" update="subtotal1"
								listener="#{obligacionesManagedBean.calularSubtotal}" />
						</p:inputText>
						<h:outputText value="Descuento" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.descuento}"
							id="descuento1" >
							<p:ajax event="keyup" update="subtotal1"
								listener="#{obligacionesManagedBean.calularSubtotal}" />
						</p:inputText>	
							
						<h:outputText value="Sub Total" />
						<p:inputText value="#{obligacionesManagedBean.detalleNuevo.subtotal}"
							id="subtotal1" readonly="true"/>	
							
					</h:panelGrid>
					<center>
					
							 
						<p:commandButton value="Actualizar" 
							action="#{obligacionesManagedBean.actualizarfila}" 
							 id="actualizar1" update="@form:tabView:detalles,@form:growl" 
							  icon="ui-icon-disk" oncomplete="PF('carDialog1').hide();"/>
							 
						<p:commandButton id="submitButton1" value="Cancelar"
							update="@form:panel" icon="ui-icon-closethick" oncomplete="PF('carDialog1').hide();" />	 
						</center>
  
			</p:dialog> 
		
		
		
		</h:form>
	</ui:define>
</ui:composition>
